<template>
    <div class="px cx-box">
        <el-card>
            <el-row :gutter="5">
                <el-col :span="18">
                    <div id="cjcx">
                        <div id="form">
                            <div class="form-item">
                                <span class="form-label">准考证号：</span>
                                <input type="text"/>
                            </div>
                            <div class="form-item">
                                <span class="form-label">身份证号：</span>
                                <input type="text"/>
                            </div>
                            <div class="form-item">
                                <span class="form-label">准考证号：</span>
                                <input type="text"/>
                            </div>
                        </div>
                        <div id="btn">
                            <button></button>
                        </div>
                    </div>
                </el-col>
                <el-col :span="6">
                    <div>

                    </div>
                </el-col>
            </el-row>
        </el-card>

    </div>
</template>

<script>
    export default {
        name: "index"
    }
</script>

<style scoped lang="scss">

    #cjcx {
        background-image: url("../../../../assets/cjcx_window.gif");
        background-size: 100% 100%;
        background-repeat: no-repeat;
        width: 617px;
        height: 420px;
        margin: 0 auto;
        position: relative;

        #form {
            position: absolute;
            top: 80px;
            width: 300px;
            margin: 30px auto;
            left: 0;
            right: 0;

            .form-item {
                margin: 25px 0;

                .form-label {
                    font-weight: bold;
                }

                input {
                    width: 200px;
                }
            }

        }

        #btn {
            width: 617px;
            height: 100px;
            position: absolute;
            bottom: 0;
            text-align: center;

            button {
                outline: none;
                border: none;
                width: 198px;
                height: 54px;
                background-image: url("../../../../assets/btn.jpg");
                cursor: pointer;
            }
        }

    }
</style>